<div id="contem_banner">
    <div id="wrapper">
        <div class="slider-wrapper theme-default">
            <div class="ribbon"></div>
            <div id="slider" class="nivoSlider">
                <?php foreach ($banners as $banner): ?>
                    <img src="<?php echo Dispatcher::baseUrl() ?>/uploads/banners/<?php echo $banner["Banner"]["path"] ?>" alt="" />    
                <?php endforeach;
                ?>

            </div>
            <div id="htmlcaption" class="nivo-html-caption">
                <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
            </div>
        </div>

    </div>
</div>
<h2>Produtos encontrados</h2>
<div id="listagem_produtos">
    <?php if(!empty ($produtos) and count($produtos)>0): 
        foreach ($produtos as $prod): ?>
        <div class="conteiner_produto">
            <div class="imagem_produto">
                <a href="<?php echo Dispatcher::baseUrl() ?>/produtos/detalhes/<?php echo $prod["Produto"]["id"] ?>">
                    <div style="<?php if (isset($prod["Imagem"][0])): ?>background:url('<?php echo Dispatcher::baseUrl() ?>/uploads/produtos/thumb_<?= $prod["Imagem"][0]["path"]; ?>') center center<?php endif; ?>"></div>
                </a>
            </div>
            <div class="preco"> R$ <?php echo number_format($prod["Produto"]["valor"], 2, ',', '.') ?></div>
            <a href="<?php echo Dispatcher::baseUrl() ?>/produtos/detalhes/<?php echo $prod["Produto"]["id"] ?>" class="btn_comprar">Comprar</a>
        </div>
    <?php endforeach; 
    else:?>
    <p>Não encontramos nenhum produto para sua busca</p>
    <?php endif; ?>
</div>


<?php echo $this->Html->script(array('jquery.nivo.slider.pack')); ?>
<script type="text/javascript">
    $('#slider').nivoSlider();
</script>